.page {
	text-align: center;
	padding-bottom: 10px;
}

.button {
	position: relative;
	width: 32px;
	height: 32px;
	display: inline-block;
	text-align: center;
	margin: 5px;
	cursor: pointer;
	border: 1px solid grey;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-position: center;
	background-repeat: no-repeat;
}

.button-fire {
	background-image: url("fire.png");
	padding: 0px;
	overflow: hidden;
}

.border-red {
	border-color: red;
}

.button-play {
	background-image: url("play.png");
}

.button-pause {
	background-image: url("pause.png");
}

.button-reset {
	background-image: url("refresh.png");
}

.button-help {
	background-image: url("help-icon.png");
}

.fire-cursor {
	cursor: url("fire_16x16.png"), auto;
}

.button-disabled {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(filters.svg#grayscale); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
	cursor: default;
}

hr {
	margin-top: 3px;
	margin-bottom: 3px;
}

.ropes-panel {
	position: relative;
	display: inline-block;
	margin-top: 15px;
	width: 300px;
	height: 200px;
}

.rope {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 100%;
	/*background-color: #7F5217;*/
	background: url("rope.png");
	background-size: 100% auto;
}

.rope1 {
	left: 60px;
}

.rope2 {
	left: 130px;
}

.rope-fire {
	position: absolute;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url("fire_16x16.png");
	background-repeat: none;
	display: none;
}

.rope1-top-fire {
	top: -16px;
	left: 57px;
}

.rope1-bottom-fire {
	bottom: -16px;
	left: 57px;
}

.rope2-top-fire {
	top: -16px;
	left: 127px;
}

.rope2-bottom-fire {
	bottom: -16px;
	left: 127px;
}

.rope-ashes {
	display: block;
	position: absolute;
	width: 100%;
	height: 0px;
	left: 0px;
	overflow: hidden;
}

.rope-ashes img {
	position: absolute;
	left: 0px;
	width: 100%;
}

}
.rope-ashes-top {
	top: 0px;
}

.rope-ashes-top img {
	top: 0px;
}

.rope-ashes-bottom {
	bottom: 0px;
}

.rope-ashes-bottom img {
	bottom: -230px;
}

.timer {
	position: absolute;
	left: 200px;
	top: 75px;
}